<template>
  <ListItem>
    <ListItemMeta
      avatar="https://dev-file.iviewui.com/userinfoPDvn9gKWYihR24SpgC319vXY8qniCqj4/avatar"
      :description="`描述：${context}`"
    >
      <template slot="title">
        <div>标题：{{ title }}</div>
        <div class="senMan">{{ userType }}：{{ user }}</div>
      </template>
    </ListItemMeta>
    {{ context }}
  </ListItem>
</template>

<script>
export default {
  props: ['title', 'user', 'context', 'receive'],
  computed: {
    userType() {
      return this.receive === '1' ? '收件人' : '发件人'
    }
  }
}
</script>

<style lang="css" scoped>
.senMan {
  font-size: 12px;
  color: blueviolet;
}
</style>
